
// 导入html-webpack-plugin 包,获取到插件对象
var htmlwp = require('html-webpack-plugin');

module.exports={
	entry:'./src/main.js',
	output:{
		path:'./dist',
		filename:'build.js'
	},
	module:{
		loaders:[
			{
				// 将所有的.js文件都要进行es6转es5操作，node_moudels除外
				test:/\.js$/,
				loader:'babel-loader',
				exclude:/node_modules/
			},
			{
				// 打包css文件
				test:/\.css$/,
				loader:'style-loader!css-loader'
			},
			{
				// 打包 sass文件
				test:/\.scss$/,
				loader:'style-loader!css-loader!sass-loader'
			},
			{
				// 打包less文件
				test:/\.less$/,
				loader:'style-loader!css-loader!less-loader'
			},
			{
				// 打包url()请求的资源文件
				test:/\.(png|jpg|gif|ttf|svg)$/,
				loader:'url-loader?limit=40000'
			},
			{
				// 打包.vue文件
				test:/\.vue$/,
				loader:'vue-loader'
			},
			{
			    test: /vue-preview.src.*?js$/,
			    loader: 'babel-loader'
			}
		]
	},
	babel:{
		 presets: ['es2015'],  
		 plugins: ['transform-runtime']  //解决打包.vue文件不报错
	},
	plugins:[
        new htmlwp({
          title: '首页',
          filename: 'index.html', //webpack-dev-server在内存中生成的文件名称
          template: 'index1.html' //根据index1.html这个模板来生成
        })
    ]

}